/* 当屏幕大于576px时候 */
@media screen and (min-width: 576px) {
    .main1 {
        height: 100vh;
        /* width: 100%; */
        /* opacity: 0; */
    }
}

/* 当屏幕大于576px时候结束 */
/* 小屏开始 */
@media (max-width: 575.98px) {
    .main1 {
        height: 200px !important;
    }
    .parent1 .bg {
        opacity: 0.8 !important;
    }
}

/* 小屏结束 */

/* 背景图设置开始 */
.mybanner>.img {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.mybanner>.img:nth-child(1) {
    background: url("../images/banner1.gif") no-repeat;
    height: 100vh;
    background-size: cover;
}

.mybanner>.img:nth-child(2) {
    background: url("../images/banner2.gif") no-repeat;
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.mybanner>.img:nth-child(3) {
    background: url("../images/banner3.gif") no-repeat;
    height: 100vh;
    background-size: cover;
}

.mybanner>.img:nth-child(4) {
    background: url("../images/banner4.gif") no-repeat;
    height: 100vh;
    background-size: cover;
    background-position: center center;
}

.parent1 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.8;
    transition: all, .8s;
}

.parent1 .bg-active {
    opacity: 0.6 !important;
}

.parent1:hover .bg {
    opacity: 0.3 !important;
}

.index10 {
    z-index: 10;
}

.font-h1 {
    font-weight: 1000;
    font-size: 30px;
}




/* 背景图设置结束 */


.parent1 {
    position: absolute;
}

.child1 {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    text-align: center;
    width: 100%;
}

